<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<link rel="stylesheet" type="text/css" href="css/chunk-elementUI.css">
</head>
<body>
	<div role="tooltip" id="el-popover-504" aria-hidden="false" class="el-popover el-popper" tabindex="0" style="display: block; position: absolute; transform-origin: center top; z-index: 2015;" x-placement="bottom">
      <!---->
      <div data-v-17cdd45d="" data-v-4c71859d="" class="el-card card_round is-always-shadow" style="background-image: url(images/img_2.da3da1fe.png);  height: 270px;width: 430px; color: rgb(226, 232, 240);">
          <!---->
          <div class="el-card__body">
              <div data-v-17cdd45d="" class="el-row" style="margin-bottom: 15px;">
                  <div data-v-17cdd45d="" class="el-col el-col-4" style="width: 60px; height: 48px;">
                      <div data-v-17cdd45d="" class="el-image">
                          <img src="images/chip.2c37b1d3.png" class="el-image__inner">
                          <!---->
                      </div>
                  </div>
                  <div data-v-17cdd45d="" class="el-col el-col-4 el-col-offset-15" style="width: 84px; height: 45px;">
                      <div data-v-17cdd45d="" class="el-image">
                          <img src="images/visa.2bc1a543.png" class="el-image__inner">
                          <!---->
                      </div>
                  </div>
              </div>
              <div data-v-17cdd45d="" class="el-row" style="margin-left: -10px; margin-right: -10px; font-family: Source Code Pro, serif; font-weight: 500; font-size: 27px; margin-bottom: 20px; text-shadow: rgba(14, 42, 90, 0.8) 7px 6px 10px;">
                  <div data-v-17cdd45d="" id="one" class="el-col el-col-6" style="padding-left: 10px; padding-right: 10px;">
                      {{$number[0]}}</div>
                  <div data-v-17cdd45d="" id="two" class="el-col el-col-6" style="padding-left: 10px; padding-right: 10px;">4234</div>
                  <div data-v-17cdd45d="" id="thr" class="el-col el-col-6" style="padding-left: 10px; padding-right: 10px;">2342</div>
                  <div data-v-17cdd45d="" id="four" class="el-col el-col-6" style="padding-left: 10px; padding-right: 10px;">4154</div>
              </div>
              <div data-v-17cdd45d="" class="el-row" style="font-family: Source Code Pro, monospace; font-size: 13px; font-weight: 500; margin-bottom: 3px;">
                  <div data-v-17cdd45d="" class="el-col el-col-12">
					<span data-v-17cdd45d="">
						Card Holder
					</span>
                  </div>
                  <div data-v-17cdd45d="" class="el-col el-col-6">
					<span data-v-17cdd45d="">
						CVV
					</span>
                  </div>
                  <div data-v-17cdd45d="" class="el-col el-col-6">
					<span data-v-17cdd45d="">
						Expires
					</span>
                  </div>
              </div>
              <div data-v-17cdd45d="" class="el-row" style="font-family: Source Code Pro, monospace; font-size: 18px; font-weight: 700; color: white; margin-bottom: 5px;">
                  <div data-v-17cdd45d="" class="el-col el-col-12">
					<span data-v-17cdd45d="" style="font-size: 18px;">
						REBECCA SHIEL
					</span>
                  </div>
                  <div data-v-17cdd45d="" class="el-col el-col-6">
					<span data-v-17cdd45d="" id="cvv">1231</span>
                  </div>
                  <div data-v-17cdd45d="" class="el-col el-col-6">
					<span data-v-17cdd45d="" id="riqi">21/31</span>
                  </div>
              </div>
             
          </div>
      </div>
      
  </div>
</body>
</html>